<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="../img/favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="../lib/layui-v2.8.12/src/css/layui.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/common.css">
  <link rel="stylesheet" href="../font/iconfont1/iconfont.css">
  <link rel="stylesheet" href="../css/home.css">
  <script src="../lib/layui-v2.8.12/src/layui.js"></script>
  <script src="../lib/axios/axios.min.js"></script>


  <title>Document</title>

</head>

<body>
  <div class="layui-layout layui-layout-admin">
    <!-- 头部区域（可配合layui 已有的水平导航） -->
    <div class="layui-header">
      <div class="header-left">
        <div class="layui-logo layui-hide-xs layui-bg-black"></div>
      </div>
      <div class="header-right">
        <ul class="layui-nav">
          <li class="layui-nav-item layui-hide layui-show-sm-inline-block">
            <a href="javascript:;">
              <img src="https://unpkg.com/outeres@0.0.10/img/layui/icon-v2.png" class="layui-nav-img">
              <span id="username">名字</span>
            </a>

            <dl class="layui-nav-child">
              <dd><a href="javascript:;">个人信息</a></dd>
              <dd><a href="javascript:;">修改信息</a></dd>
              <dd><a href="javascript:;">修改密码</a></dd>
              <dd><a href="javascript:;" id="exit1">退出</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item" lay-header-event="menuRight" lay-unselect>
            <a href="javascript:;">
              <i class="layui-icon layui-icon-more-vertical"></i>
            </a>
          </li>
        </ul>
      </div>



    </div>
    <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
    <div class="layui-side layui-bg-cyan">
      <ul class="layui-nav layui-nav-tree layui-nav-side">
        <li class="layui-nav-item layui-this">
          <a href="./home.html"><i class="iconfont icon-shouyefill"></i> 首页</a>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;"><i class="iconfont icon-bisai"></i> 比赛管理</a>
          <dl class="layui-nav-child">
            <dd><a href="./game/game.html"><i class="iconfont icon-gengduo"></i> 小组赛</a></dd>
            <dd><a href="./game/gameOff.html"><i class="iconfont icon-tongjifenxi-xiangmubiaogetongji"></i> 淘汰赛</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;"><i class="iconfont icon-V"></i> 球队管理</a>
          <dl class="layui-nav-child">
            <dd><a href="./team/team.html"><i class="iconfont icon-icon-test"></i> 球队表</a></dd>
            <dd><a href="./team/teamInfo.html"><i class="iconfont icon-bisai"></i> 球队统计</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;"><i class="iconfont icon-zuqiu"></i> 球员管理</a>
          <dl class="layui-nav-child">
            <dd><a href="./player/player.html"><i class="iconfont icon-icon-test1"></i> 球员表</a></dd>
            <dd><a href="./player/playerInfo.html"><i class="iconfont icon-tongji"></i> 球员统计</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;"><i class="iconfont icon-yonghu"></i> 用户管理</a>
          <dl class="layui-nav-child">
            <dd><a href="./user/user.html"><i class="iconfont icon-zhanghu"></i> 用户表</a></dd>
            <dd><a href="./user/userInfo.html"><i class="iconfont icon-ditu"></i> 用户统计</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item"><a href="" id="exit2"><i class="iconfont icon-tuichu"></i>
            退出系统</a>
        </li>
      </ul>
    </div>
    <!-- 内容主体区域 -->
    <div class="layui-body">
      <div style="padding: 15px;">
        <!-- <blockquote class="layui-elem-quote layui-text">
          Layui 框体布局内容主体区域
        </blockquote> -->
        <div class="layui-carousel" id="test1" lay-filter="carofilter">
          <div carousel-item>
            <div><a href="#"><img src="../img/img1.png" alt=""></a></div>
            <div><a href="#"><img src="../img/img2.png" alt=""></a></div>
            <div><a href="#"><img src="../img/img3.png" alt=""></a></div>
            <div><a href="#"><img src="../img/img4.png" alt=""></a></div>
            <div><a href="#"><img src="../img/img5.png" alt=""></a></div>
          </div>
        </div>
        <div class="schedule">
          <div class="layui-row">
            <div class="layui-col-xs3">
              <div class="content">
                <div class="up">
                  <h4 style="float:left;">世界杯 淘汰赛 决赛</h4>
                  <p style="float:right;"><a href="#"><i class="iconfont icon-shipin"></i> 集锦/回放</a></p>
                  <br>
                  <p>12月18日 23:00</p>
                </div>
                <div class="bottom">
                  <div class="left">
                    <img src="../img/guoqi/agentin.svg" alt="">
                    <p>阿根廷</p>
                  </div>
                  <div class="right">
                    <img src="../img/guoqi/faguo.svg" alt="">
                    <p>法国</p>
                  </div>
                  <p class="score">7:5<br>已结束</p>


                </div>
              </div>
            </div>
            <div class="layui-col-xs3">
              <div class="content">
                <div class="up">
                  <h4 style="float:left;">世界杯 淘汰赛 铜牌</h4>
                  <p style="float:right;"><a href="#"><i class="iconfont icon-shipin"></i> 集锦/回放</a></p>
                  <br>
                  <p>12月17日 23:00</p>
                </div>
                <div class="bottom">
                  <div class="left">
                    <img src="../img/guoqi/keluodiya.svg" alt="">
                    <p>克罗地亚</p>
                  </div>
                  <div class="right">
                    <img src="../img/guoqi/moluoge.svg" alt="">
                    <p>摩洛哥</p>
                  </div>
                  <p class="score">2:1<br>已结束</p>


                </div>
              </div>
            </div>
            <div class="layui-col-xs3">
              <div class="content">
                <div class="up">
                  <h4 style="float:left;">世界杯 淘汰赛 半决赛</h4>
                  <p style="float:right;"><a href="#"><i class="iconfont icon-shipin"></i> 集锦/回放</a></p>
                  <br>
                  <p>12月15日 03:00</p>
                </div>
                <div class="bottom">
                  <div class="left">
                    <img src="../img/guoqi/faguo.svg" alt="">
                    <p>法国</p>
                  </div>
                  <div class="right">
                    <img src="../img/guoqi/moluoge.svg" alt="">
                    <p>摩洛哥</p>
                  </div>
                  <p class="score">2:0<br>已结束</p>


                </div>
              </div>
            </div>
            <div class="layui-col-xs3">
              <div class="content">
                <div class="up">
                  <h4 style="float:left;">世界杯 淘汰赛 半决赛</h4>
                  <p style="float:right;"><a href="#"><i class="iconfont icon-shipin"></i> 集锦/回放</a></p>
                  <br>
                  <p>12月14日 03:00</p>
                </div>
                <div class="bottom">
                  <div class="left">
                    <img src="../img/guoqi/agentin.svg" alt="">
                    <p>阿根廷</p>
                  </div>
                  <div class="right">
                    <img src="../img/guoqi/keluodiya.svg" alt="">
                    <p>克罗地亚</p>
                  </div>
                  <p class="score">3:0<br>已结束</p>


                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
    </div>
    <!-- 底部固定区域 -->
    <div class="layui-footer">
    </div>
  </div>

  <script src="../utils/time.js"></script>
  <script src="../js/common/common.js"></script>
  <script src="../js/home/carousel.js"></script>
</body>

</html>